body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
}
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul ol{
    list-style: none;
}
img {
    border-style: none;
}

.button{
    border:0;
    outline:none;
    -webkit-appearance: none;//用于IOS下移除原生样式
}
.tab_bar{
    height: 72px;
    display: flex;
    justify-content: flex-start;
    position: absolute;
    right: 25px;
}
.item{
    width: 300px;
    height: 400px;
    border: 20px black solid;
    background-color: antiquewhite;
}

.header{
    /* Top_bar */
    display: flex;
    position: relative;
    height: 72px;
    left: 0;
    right: 0;
    top: 0;
    background: #FFFFFF;
    border: 1px solid #000000;
    box-sizing: border-box;
}
.logo{
    line-height: 72px;
    margin-left: 33px;
    color: black;
    font-size: 24px;
}
.header-item {
	height: 34px;
	margin: 18px 10px 0 10px;
	text-align: center;
	cursor: pointer;
}
.header-menu{
	margin-top: 18px;
}
.cart{
    display: flex;
}
.cart-icon{
    width: 24px;
    height: 24px;
    line-height: 72px;
}
.text-icon{
    width: 80px;
    height: 80px;
    font-size: 40px;
    color: #626262;
    line-height: 80px;
    text-align: center;
    margin-left: 40px;
}
.search{
    width: 100%;
    height: 80px;
    border:1px solid #000000;
    box-sizing: border-box;
    display: flex;
}
.search-input{
    width: 100%;
    border-style: none;
    font-size: 18px;
    padding-left: 25px;
}
.search_icon{
    width: 80px;
    height: 78px;
    text-align: center;
    line-height: 90px;
	background-color: white;
	border: none;
	outline: none;
}
.search_icon:hover{
	background-color: #CCCCCC;
}
input:focus {
    outline: none;
}
.content{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.book-item{
    width: 25%;
    height: 600px;
    border: 1px solid #333;
    background: #F7F7F7;
    position: relative;
}
.book-info{
    width: 100%;
    height: 102px;
    display: flex;
    justify-content: flex-start;
    margin-top: 60px;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #000000;
    background-color: white;

}
.book-name{
    line-height: 22px;
    margin: 14px;
}
.book-icon{
    width: 70%;
    font-size: 14px;
    font-family: normal;
    color: #9c9c9c;
    margin-left: 14px;
}
.book-price{
    position: absolute;
    right: 14px;
    top: 20px;
    line-height: 22px;
}
.text-a{
    text-decoration: none;
    color: black;
}
.page_split{
    height: 80px;
    border: 1px solid #000000;
    display: flex;
    justify-content: right;
    position: relative;
}
.btn-previous{
    width: 134px;
    position: absolute;
    display: flex;
    top: 20px;
    left: 40px;
}
.btn-next{
    width: 134px;
    position: absolute;
    display: flex;
    top: 20px;
    right: 40px;
}
.page-num{
    margin: 25px auto;
}
.subscription{
    height: 80px;
    border: 1px solid #000000;
	display: flex;
	position: relative;
}
.subscription-text{
    font-size: 22px;
    margin: 18px 48px;
}
.subscription input{
	width: 40%;
	height: 40px;
	margin: 18px auto;
	border: none;
	border-bottom: 1px solid #626262;
}
.subscribe{
	width: 100px;
	height: 40px;
	background: #FFFFFF;
	border: 2px solid #000000;
	border-radius: 10px;
	position: absolute;
	top: 20px;
	right: 48px;
	text-align: center;
	line-height: 36px;
}
.subscribe:hover{
	color: white;
	background-color: #CCCCCC;
}
.footer-box{
	border: 1px solid #000000;
	display: flex;
}
.footer-label{
	width: 20%;
	margin: 60px 46px;
}
.footer-label p{
	font-size: 22px;
	color: #626262;
}
.footer-label p a{
	color: #000000;
}
.footer-author{
	width: 100%;
	height: 72px;
	display: flex;
	position: relative;
	border: 1px solid #000000;
}
.author{
	font-size: 24px;
	font-weight: 500;
	color: #000000;
	position: absolute;
	right: 40px;
	line-height: 72px;
}
/* 登录和注册样式 */
.login-btn{
	position: absolute;
	width: 120px;
	height: 40px;
	background: #000000;
	border: 1px solid #000000;
	color: white;
	right: 110px;
	margin-top: 15px;
	}
.forgot-pw{
	position: absolute;
	left: -2px;
	color: #000000;
	font-size: 14px;
}
.register{
	position: absolute;
	right: 110px;
	color: #000000;
	font-size: 14px;
}
/* 购物车展示样式 */
.mantle{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	opacity: 9;
	z-index: 9;
	background: rgba(0, 0, 0, 0.5699999928474426);
	overflow: hidden;
	display: none;
}
.show-cart-box{
	width: 360px;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99;
	background-color: white;
}
.show-cart-header{
    width: 100%;
    height: 56px;
    background: #FFFFFF;
    border: 1px solid #000000;
    display: flex;
}
.show-cart-icon{
    font-size: 24px;
    font-weight: bold;
    margin: 12px 0 0 20px;
	cursor: pointer;
}
.show-cart-img{
    line-height: 56px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 20px;

}
.show-cart-img img{
    width: 28px;
    height: 28px;
}
.show-cart-list{
	height: 660px;
	overflow-y: auto;
}
.show-cart-item{
    width: 100%;
    display: flex;
	border: 1px solid #000000;
	overflow-y: visible;
}
.show-cart-item img{
    width: 88px;
    height: 100px;
}
.show-cart-info{
    display: flex;
    position: relative;
}
.show-cart-info p{
    width: 80%;
    height: 50px;
    text-align: left;
    font-size: 16px;
    line-height: 16px;
    padding-top: 14px;
}
.cart-btn-box{
    display: flex;
}
.show-cart-price{
    position: absolute;
    top: 14px;
    right: 20px;
    font-size: 18px;
}
.cart-plus{
    width: 18px;
    height: 19px;
    line-height: 18px;
    text-align: center;
    margin: 0 10px;
    border: 1px solid #000000;
    font-size: 18px;
    cursor: pointer;
}
.cart-reduce{
    width: 18px;
    height: 19px;
    line-height: 14px;
    text-align: center;
    margin: 0 10px;
    border: 1px solid #000000;
    font-size: 18px;
    cursor: pointer;
}
.cart-num{
    padding: 0 10px;
    line-height: 14px;
    text-align: center;
    border: 1px solid #000000;
	z-index: 99;
}
.cart-total-amount{
	width: 360px;
	height: 224px;
	position: fixed;
	bottom: 0;
	right: 0;
	border: 1px solid #000000;
	background-color: white;
}
.total-amount{
	display: flex;
	margin-top: 28px;
	position: relative;
}
.subtotal{
	margin-left: 24px;
	font-size: 16px;
	font-weight: 600;
}
.shipping{
	margin-left: 24px;
}
.control-label-num{
	position: absolute;
	right: 24px;
}
.total-amount-btn{
	width: 252px;
	height: 60px;
	background: #FFFFFF;
	border: 2px solid #000000;
	margin: 30px auto;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 60px;
	cursor: pointer;
}
